<template>
  <div>
    <div class="weekendgo-title">周末去哪儿</div>
    <ul>
      <li class="item border-bottom" v-for="item of list" :key="item.id">
          <img :src="item.imgUrl" alt="" class="item-img" />
        <div class="item-info">
          <p class="item-title">{{item.title}}</p>
          <p class="item-desc">{{item.desc}}</p>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'HomeWeekendGo',
  props: {
    list: Array
  }
}
</script>

<style lang="stylus" scoped>
.weekendgo-title
  line-height 0.8rem
  clear both
  background-color #EAEAEA
  text-indent 0.2rem
  text-align left
.item-img
  width 100%
  float left
.item-title
  line-height .54rem
  width 100%
  text-align left
  font-size .32rem
  padding-left .2rem
  margin-top .2rem
  float left
.item-desc
  line-height .4rem
  padding-left .2rem
  text-align left
  width 100%
  color #ccc
  float left
  margin-bottom .2rem
</style>
